import { count, log } from "node:console";
import { url } from "node:inspector";
import React, { Component,Ref } from "react";
type inpType = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
interface iState {
  count: number;
}
interface iProps {
  name: string;
}

//因为footer会被多个页面使用，可以单独定义，方便复用 

class Footer extends Component {
  render() {
    return (
      <footer style={{height:50,backgroundColor:"#6cf"}}>页脚</footer>
    );
  }
}
function Page1 () { 
  return (
    <div>
     <h1> 页面1</h1>
     <Footer></Footer>
    </div>
  );
}

function Page2 () { 
  return (
    <div>
     <h1> 页面2</h1>
     <Footer></Footer>
    </div>
  );
}




export default class App extends Component {

  render() {
    return (
      <div>
        <Page1></Page1>
        <hr />
        <Page2></Page2>

      </div>
    );
  }
}
